@charset "utf-8";
.top { width: 100%; position: relative; height: 74px; background-color: #ff7713; }
.top a,.top a:hover{color: #fff;}
.wrap { max-width: 1280px; min-width: 1280px; margin: 0 auto; }
.logo { float: left; width: 150px; height: 74px; background: url(/static_public/images/logo.png) no-repeat 15px center; }
.top-logo-split { float: left; border-left: 1px solid #fff; margin:40px 18px 0 15px; width: 0; height: 14px }
.top-system { float: left; margin:38px 0 0 0; padding-bottom: 16px; position: relative; z-index: 10; }
.top-system-head { height: 16px; line-height: 16px; color: #fff; cursor: pointer; }
.top-system-arrow { float: left; margin:6px 0 0 8px; border:4px solid #ff7713; border-width:5px 4px; border-top-color: #fff; }
.top-icon { float: left; width: 16px; height: 16px; margin-right: 6px; background: url(/static_public/images/icon/icon_top.png) no-repeat }
.top-system .top-userinfo-menu-list a { padding-left: 20px; }
.top-icon-notice { background-position: 0 -16px; }
.top-icon-help { background-position: 0 -32px; }
.top-link { float: left; height: 16px; line-height: 16px; margin:29px 18px 0 0; color: #fff }
.top-split { float: left; border-left: 1px solid #fff; height: 8px; width: 0; margin: 33px 18px 0 0; }
.top-avator { float: left; width: 40px; height: 40px; margin: 19px 8px 0 0; border-radius: 40px; overflow: hidden; border: 2px solid #fff; }
.top-avator img { display: block; width: 40px; height: 40px; }
.top-userinfo { position: relative; float: left; margin-top: 29px; padding-bottom: 28px; z-index: 10 }
.top-userinfo-head { height: 16px; line-height: 16px; color: #fff; cursor: pointer; }
.top-userinfo-head span { float: left; }
.top-userinfo-arrow { float: left; margin:6px 0 0 8px; border:4px solid #ff7713; border-width:5px 4px; border-top-color: #fff; }
.top-userinfo-menu { display: none; position: absolute; right: 0; top: 20px; width: 105px; }
.top-userinfo-menu-list { position: absolute; left: 0; top: 6px; width: 105px; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); }
.top-userinfo-menu-list a { display: block; height: 28px; border-bottom: 1px solid #ddd; line-height: 28px; color: #333 }
.top-userinfo-menu-list a:last-child { border-bottom: 0; }
.top-userinfo-menu-list a:hover, .top-userinfo-menu-list a.lock { background-color: #fff8ee; color: #ff7713; }
.top-userinfo-menu-list a:hover .top-icon-pw { background-position: 0 -95px; }
.top-userinfo-menu-list a:hover .top-icon-logout { background-position: 0 -110px; }
.top-userinfo-menu-list i { margin: 6px 8px 0 11px; }
.top-icon-pw { background-position: 0 -48px; }
.top-icon-lock { background-position: 0 -64px; }
.top-icon-logout { background-position: 0 -80px; }
.top-userinfo-menu-arrow { display: block; position: absolute; left: 50%; top: 0; z-index: 2; margin-left: -5px; width: 10px; height: 7px; background: url(../images/icon/arrow_top.png) no-repeat; }
/*.top-userinfo:hover .top-userinfo-menu, .top-system:hover .top-userinfo-menu{ display: block;}*/
.top-menu li a {padding: 0 30px; height: 74px;line-height: 74px;}
.top-menu li { float: left; }
.top-menu li a:hover, .top-menu li.menu-on a {background-color: #e26000; cursor: pointer}
